/* Formatting specific to the StockWatcher application */
body {
	padding: 10px;
}

/* factory list header row */
.factoryListHeader {
	background-color: #2062B8;
	color: white;
	font-style: italic;
}

/* factory list flex table */
.factoryList {
	border: 1px solid silver;
	padding: 2px;
	margin-bottom: 6px;
	margin-left: 10px;
	margin-top: 6px;
}

.tabPanel {
	padding: 2px;
	margin-bottom: 6px;
	margin-left: 10px;
	margin-top: 10px;
}

.ingridientsList {
	border: 1px solid silver;
	padding: 2px;
	margin-bottom: 6px;	
}

.factoryListNumericColumn {
	text-align: right;
	width: 6em;
}

.factoryListTextColumn {
	width: 9em;
}

.recipeListIngridientHeader{
	text-align: center;
	width: 8em;
}

.recipeListAmountHeader {
	text-align: center;
	width: 5em;
}

.recipeListUnitHeader {
	text-align: center;
	width: 5em;
}

.recipeListNumericCell {
	text-align: right;
	width: 4em;
}

.orderCell {
	text-align: center;
}

.orderTextBox {
	text-align: right;
	width: 2em;
}


.outputSummaryPanel{
	border: 1px solid silver;
	padding: 2px;
	margin-bottom: 6px;
	margin-top: 10px;
	width: 22em;
	padding-right: 10px;
}

.ressourceSummaryPanel{
	border: 1px solid silver;
	padding: 2px;
	margin-bottom: 6px;
	margin-top: 6px;
	width: 22em;
	padding-right: 10px;
}

.summaryList {
	padding: 2px;
	margin-bottom: 6px;
	margin-left: 10px;
	margin-top: 10px;
}

.summaryListProductHeader {
	text-align: center;
	width: 8em;
}
.summaryListNumberHeader {
	text-align: right;
	width: 10em;
}

.factoryOptionsPanel {
	border: 1px solid silver;
	padding: 2px;
	margin-bottom: 6px;
	width: 22em;
}

/* factory list Remove column */
.factoryListRemoveColumn {
	text-align: center;
}

.factoryName{	
	font-style: italic;
}

.statusPanel {
	margin-left: 10px;
}

.rightPanel {
	width: 22em;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 6px;
}

.newFactoryNameTextBox {
	margin-right: 10px;
}

.setMassProductionLabel{
	background-color: #2062B8;
	color: white;
	font-style: italic;
	border: 1px solid silver;
	padding: 2px;
	margin-bottom: 5px;
	width: 19em;
}

.massProductionLabel{
	margin-right: 10px;
}

.addFactoryLabel{
	background-color: #2062B8;
	color: white;
	font-style: italic;
	border: 1px solid silver;
	padding: 2px;
	margin-bottom: 5px;
	width: 19em;
}

.recipeLabel {
	background-color: #2062B8;
	color: white;
	font-style: italic;
	border: 1px solid silver;
	padding: 2px;
	margin-bottom: 6px;
	margin-left: 10px;
	margin-top: 10px;
}

.factoryDetailsTitle{
	background-color: #2062B8;
	color: white;
	font-style: italic;
	border: 1px solid silver;
	padding: 2px;
	margin-bottom: 6px;
	margin-left: 10px;
	margin-top: 10px;
}

.ingridientsPanel {
	margin-bottom: 6px;
	margin-left: 10px;
	margin-top: 8px;
}

.clickableLabel {
	text-decoration: underline;
	cursor: pointer;
}

.recipeAvailableProductLabel {
	color: DarkGreen;
}

.recipeUnAvailableProductLabel {
	color: Crimson;
}

.idCol {
	display: none;
}

.displayNone {
	visibility: collapse;
}

/* Add factory panel */
.addFactoryPanel {
	margin: 20px 0px 25px 10px;
}

/* factory list, the Remove button */
.gwt-Button-remove {
	width: 35px;
}

/* factory list, the Remove button */
.gwt-Button-expandCollapse {
	width: 30px;
}

/* Dynamic color changes for the Change field */
.noChange {
	color: black;
}

.positiveChange {
	color: green;
}

.negativeChange {
	color: red;
}

.errorMessage {
	color: red;
}

.successMessage {
	color: green;
}

.massProductionPanel {
	margin-left: 10px;
	padding-right: 5px;
	margin-bottom: 10px;
}

.signOutLink {
	margin-top: 10px;
	margin-left: 10px;
}

.productionOutput {
	font-weight: bold;
}

.minutesWidget{
	text-align: right;
	width: 6em;
}


.minutesWidgetMinute{
	vertical-align: middle;
	text-align: center;
	width: 2em;
}

.minutesWidgetAreaUp{
	color: green;
	padding-left: 3px;
}

.minutesWidgetAreaDown{
	color: red;
}

.factoryDetailLeftPanel{
	padding: 2px;
	margin-left: 10px;
	padding-right: 10px;
	width: 22em;
}

.tabPanelHeader{
	color: white;
}

.stockDisclosurePanel{
	border: 1px solid silver;
	padding: 2px;
	margin-bottom: 6px;
	margin-top: 6px;
	margin-left: 10px;
	padding-right: 10px;
}

